<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>死亡搁浅 | 游戏专栏</title>
  <link rel="stylesheet" href="../css/global.css" />
  <link rel="stylesheet" href="../css/games.css" />
  <style>
    /* 死亡搁浅专属样式 - 孤寂未来感 */
    body {
      background-color: #0a1829;
      color: #c8d8e8;
      background-image: linear-gradient(to bottom, #0a1829 0%, #1a2839 100%);
      font-family: Arial, sans-serif;
    }

    .site-header h1 {
      color: #a0c8e8;
      text-shadow: 0 0 10px rgba(160, 200, 232, 0.5);
      border-bottom: 2px solid #5a88b8;
      letter-spacing: 2px;
    }

    .site-nav a {
      color: #88a8c8;
    }

    .site-nav a:hover {
      color: #a0c8e8;
      text-shadow: 0 0 5px rgba(160, 200, 232, 0.5);
    }

    h2,
    h3 {
      color: #a0c8e8;
      border-left: 4px solid #5a88b8;
      padding-left: 10px;
      text-shadow: 0 0 3px rgba(160, 200, 232, 0.3);
    }

    .content {
      background-color: #1a2839;
      padding: 25px;
      border-radius: 8px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
      border: 1px solid #3a5878;
    }

    blockquote {
      background-color: #142231;
      border-left: 4px solid #5a88b8;
      color: #88a8c8;
    }

    .btn {
      background-color: #2a4878;
      color: #c8d8e8;
      border: 1px solid #5a88b8;
      padding: 10px 20px;
      border-radius: 4px;
      transition: all 0.3s;
    }

    .btn:hover {
      background-color: #3a5888;
      color: #fff;
      text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    }

    ul li {
      margin-bottom: 10px;
      padding-left: 5px;
      border-left: 2px solid #3a5878;
    }

    ul li::marker {
      color: #5a88b8;
      content: "● ";
    }

    .meta {
      background-color: #142231;
      padding: 10px;
      border-radius: 4px;
      border-left: 3px solid #5a88b8;
      color: #88a8c8;
    }

    p,
    li {
      color: #c8d8e8;
      line-height: 1.6;
    }

    img {
      filter: contrast(1.2) saturate(1.1);
    }
  </style>
</head>

<body>
  <header class="site-header">
    <h1>死亡搁浅</h1>
    <nav class="site-nav">
      <a href="../index.html">首页</a>
      <a href="../html/game-research/index.html">游戏研究</a>
      <a href="index.html">游戏专栏</a>
    </nav>
  </header>
  <main class="content">
    <div class="detail-header">
      <div class="meta">英文名：Death Stranding ｜ 年份：2019 ｜ 类型：动作/冒险 ｜ 平台：PS/PC ｜ 开发商：Kojima Productions</div>
    </div>
    <img src="../images/death-stranding.jpg" alt="死亡搁浅"
      style="width:100%;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.6);margin:15px 0;" />
    <article>
      <h2>概述</h2>
      <p>
        《死亡搁浅》是小岛秀夫离开科乐美后独立开发的首款作品，是一款极具创新性的动作冒险游戏。游戏设定在末日后的美国，一种名为"死亡搁浅"的超自然事件撕裂了世界，生者与死者的界限变得模糊。玩家扮演送货员山姆·波特·布里吉斯，需要穿越荒芜的大地，重新连接孤立的城市和幸存者，同时躲避名为"BT"的隐形生物。
      </p>

      <h3>版本与 DLC</h3>
      <ul>
        <li>2019年11月：PS4版首发</li>
        <li>2020年7月：PC版发布，包含照片模式和高帧率支持</li>
        <li>2021年9月：导演剪辑版发布，新增任务、武器和设施</li>
        <li>2022年3月：导演剪辑版登陆PC平台</li>
      </ul>

      <h3>推荐理由（要点）</h3>
      <ul>
        <li>机制/系统：创新的异步多人系统，玩家可以共享建筑和物资；复杂的地形导航和货物管理提供独特挑战；BT遭遇战融合潜行和动作元素。</li>
        <li>内容/规模：主线剧情超过40小时，支线内容丰富；广阔而多样的开放世界环境；电影级的叙事和演出效果。</li>
        <li>口碑/影响：获得IGN 6.8/10和GameSpot 9/10两极评价；获得2019年TGA最佳游戏指导奖；被赞为"最具创新性的AAA游戏之一"。</li>
      </ul>

      <h3>适合人群</h3>
      <p>喜欢独特游戏体验的玩家；小岛秀夫作品粉丝；欣赏电影化叙事的玩家；喜欢探索和沉浸式体验的玩家；不介意慢节奏游戏的玩家。</p>
    </article>
  </main>
  <footer class="container">
    <a class="btn" href="index.html">← 返回游戏专栏</a>
  </footer>
</body>

</html>